<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>for...in可以用来遍历对象或者数组中的内容</p>
    <script>
        var object1 = {
            name: 'xxds',
            add: '花园路北三环交叉口',
            age: 10,
            type: '写字楼',
            key: '钥匙;键;关键'
        }
        var list = ['eat', 'sleep', 'coding', 'hesuan'];
        
        // 获取对象的属性 对象['属性名'] 或者 对象.属性名
        // 对象[这里是变量] 对象.这里是字符串
        console.log(object1['add']);
        console.log(object1.add);

        // key 键 value（val）值
        for(var key in object1) {
            document.write(key, ':', object1[key])
            document.write('<br>')
        }
        document.write('<hr>')
        for(var num in list) {
            // num是下标（索引）或者说序号 想要获取数组的第几项 可以通过数组[下标]获得
            document.write(list[num])
            document.write(',')
        }
        for(var i = 0; i < list.length; i ++) {
            console.log(list[i]);
        }
    </script>
</body>
</html>